import styles from './index.module.less'
import CircularImg from '@/assets/report/department/circularLeft.png'
import ArrowImg from '@/assets/report/department/arrowLeft.png'
import type { SwiperItemProps } from '@/pages/report/department/interface'
import { observer } from 'mobx-react'
export const TeacherTrainPage = observer((props: SwiperItemProps) => {
    const {
        current,
        itemIndex,
        store: { dataSource },
    } = props
    const { basic_student_module } = dataSource || {}
    const isActive = current === itemIndex

    return (
        <div className={styles.train}>
            <div className={isActive ? styles.active_train_wrapper : styles.train_wrapper}>
                <div className={styles.train_wrapper_content}>
                    <p>
                        <span>2024</span>
                    </p>
                    <p>
                        您一共开展了<span>{basic_student_module?.total_course_num}</span>
                        个创业培训项目
                    </p>
                    <p>
                        开展了
                        <span>{basic_student_module?.total_group_num}</span>期班级，培育了
                        <span>{basic_student_module?.total_student_num}</span>名学员
                    </p>
                    <p>
                        共有<span>{basic_student_module?.total_quality_student_num}</span>
                        名学员顺利通过考核
                    </p>
                    <p>
                        合格率<span>{basic_student_module?.quality_percent}</span>
                    </p>
                    <div className={styles.line} />
                    <p className={styles.sortText}>每一期培训项目都是您点滴付出的见证</p>
                    <p className={styles.sortText}>每一名学员都是您最好的收获</p>
                </div>
            </div>
            <img
                src={ArrowImg}
                className={isActive ? styles.active_train_arrow : styles.train_arrow}
            />
            <img src={CircularImg} className={styles.train_circular} />
        </div>
    )
})

export default TeacherTrainPage
